<!DOCTYPE html>
<html>
<head>
   <link href="build/classic/theme-crisp/resources/theme-classic-all.css" rel="stylesheet" />
   <script type="text/javascript" src="build/ext-all.js"></script>
   <script type="text/javascript">
 //语法：define( String className, Object data, Function createdFn )  
Ext.define('Person',{  
        //对于类的配置信息  
        //config属性：配置当前类的属性内容，并且会自动添加get和set方法  
        config:{  
            name:'张三',  
            age:30  
        },  
        //自己定义的方法  
        myMethod:function()  
        {  
            alert('这是自己定义的方法');  
        },  
        //给当前定义的类添加构造器  
        constructor:function(config)  
        {  
            var me=this;//获取当前的类   
            me.initConfig(config);//对传递进来的参数进行真正的初始化  
        }  
    });  



       Ext.onReady(function() {
    //Ext推荐的实例化对象的方法：Ext.Create  
    var p=Ext.create('Person',{//自己定义的类的类名  
        name:'实例化名字',//配置项  
        age:100  
    });  

    //var p=new Person({name:'tom',age:21});
    alert('名字：'+p.getName()+'--age：'+p.getAge());//调用默认添加的get方法  
    p.myMethod();//调用自己定义的方法  
         });
   </script>
</head>
<body>
   <div id="helloWorldPanel"></div>
</body>
</html>